<template>
  <div class="body">
      <van-nav-bar
  title="我的预约"
  left-text=""
  right-text="···"
  left-arrow
  @click-left="onClickLeft"
  @click-right="onClickRight"
  style="background:#fff"
/>
<div class="box">
<img src="//img10.360buyimg.com/img/jfs/t1/121520/27/28746/9080/637491c7E14671f0e/91d4241337b8e652.png" alt="">
<p>您还未预约任何商品~</p>
<div class="bob"></div>
</div>
  </div>
</template>

<script>
export default {
methods: {
    onClickLeft() {
      this.$router.back()
    },
    onClickRight() {
    },
  },  
}
</script>

<style scoped>
* {
    margin: 0;
    padding: 0;
    background-color: rgb(242,242,242);

}
   .body {
    height: 100vh;
}
    .box {
        width: 100%;
        height: 330px;
        text-align: center;
    padding: 50px 0;

    }
    .box > img {
        width: 50%;
        height: 190px;
        margin: 10px auto;
    }
    .bob {
            display: block;
    width: 100px;
    height: 20px;
    margin: 0 auto;
    background: url("") no-repeat;
    background-size: 100%;
    position: absolute;
    bottom:20px;
    left: 128px;
    }
</style>